<!DOCTYPE html>
<html lang="es-ES">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Virtualized Table | Element Plus</title>
    <meta name="description" content="A Vue 3 based component library for designers and developers">
    <link rel="stylesheet" href="/assets/style.be494c46.css">
    <link rel="modulepreload" href="/assets/chunks/tree-data.6d0b9162.js">
    <link rel="modulepreload" href="/assets/chunks/contributors.9d5dbfbe.js">
    <link rel="modulepreload" href="/assets/app.b7670340.js">
    <link rel="modulepreload" href="/assets/chunks/dayjs.min.a571d165.js">
    <link rel="modulepreload" href="/assets/es-ES_component_table-v2.md.41f7289a.lean.js">
    
    <link rel="icon" href="/images/element-plus-logo-small.svg" type="image/svg+xm">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="theme-color" content="#ffffff">
  <meta name="msapplication-TileColor" content="#409eff">
  <meta name="msapplication-config" content="/browserconfig.xml">
  <meta property="og:image" content="/images/element-plus-og-image.png">
  <script>window.supportedLangs=["en-US","es-ES","zh-CN"];</script>
  <script>(()=>{const o=window.supportedLangs,a="preferred_lang",r="en-US",s={en:"en-US",fr:"fr-FR",es:"es-ES"};let e=localStorage.getItem(a)||navigator.language;const n=s[e]||(o.includes(e)?e:r);if(localStorage.setItem(a,n),e=n,!location.pathname.startsWith(`/${e}`)){const t=[`/${e}`].concat(location.pathname.split("/").slice(2)).join("/");location.pathname=t.endsWith(".html")||t.endsWith("/")?t:t.concat("/")}navigator&&navigator.serviceWorker.controller&&navigator.serviceWorker.controller.postMessage({type:"LANG",lang:e})})();</script>
  <script async="true" src="https://www.googletagmanager.com/gtag/js?id=UA-175337989-1"></script>
  <script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/sw.js").then(function(o){console.log(o)}).catch(function(o){console.log(o)});</script>
  <script async="true">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","UA-175337989-1");</script>
  <script async="true" src="https://www.googletagmanager.com/gtag/js?id=G-M74ZHEQ1M1"></script>
  <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-M74ZHEQ1M1");</script>
  <script>(function(t,s,n,h,j,e){t.hj=t.hj||function(){(t.hj.q=t.hj.q||[]).push(arguments)},t._hjSettings={hjid:2894908,hjsv:6},j=s.getElementsByTagName("head")[0],e=s.createElement("script"),e.async=1,e.src=n+t._hjSettings.hjid+h+t._hjSettings.hjsv,j.appendChild(e)})(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");</script>
  <script async="true">var resource=document.createElement("link");resource.setAttribute("rel","stylesheet"),resource.setAttribute("href","https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800|Open+Sans:400,600;display=swap"),resource.setAttribute("type","text/css");var head=document.querySelector("head");head.appendChild(resource);</script>
  <script>(()=>{const e=localStorage.getItem("el-theme-appearance");(e==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
  <meta name="twitter:title" content="Virtualized Table | Element Plus">
  <meta property="og:title" content="Virtualized Table | Element Plus">
  </head>
  <body>
    <div id="app"><div class="App"><!--[--><span tabindex="-1" data-v-d2e1b550></span><a href="#page-content" class="skip-link visually-hidden" data-v-d2e1b550>Ir al contenido</a><!--]--><!----><header class="navbar has-sidebar"><div class="navbar-wrapper" data-v-74f3ae96><div class="header-container" data-v-74f3ae96><div class="logo-container" data-v-74f3ae96><a href="/es-ES/" data-v-74f3ae96><img class="logo" src="/images/element-plus-logo.svg" alt="Element Plus Logo" data-v-74f3ae96></a></div><div class="content" data-v-74f3ae96><div id="docsearch" class="algolia-search-box search" data-v-74f3ae96></div><nav class="navbar-menu menu" data-v-74f3ae96><!--[--><a class="link-item link is-menu-link" href="/es-ES/guide/design" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Guías<!--]--><!--]--><!----></a><a class="link-item link is-menu-link active" href="/es-ES/component/overview" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Componentes<!--]--><!--]--><!----></a><a class="link-item link is-menu-link" href="/es-ES/resource/index" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Recursos<!--]--><!--]--><!----></a><!--]--></nav><div class="theme-toggler-content theme-toggler" data-v-74f3ae96 data-v-b1b91f92><div aria-label="act./desac. modo oscuro" aria-checked="false" data-v-b1b91f92 data-v-0180af72><!----></div></div><div class="translation-container translation" data-v-74f3ae96 data-v-12008bb2><!----></div><div class="social-links" data-v-74f3ae96 data-v-76aa5200><!--[--><a href="https://github.com/element-plus/element-plus" title="GitHub" target="_blank" rel="noreferrer noopener" class="social-link" data-v-76aa5200 data-v-72eabb9c><i class="el-icon" style="font-size:24px;" data-v-72eabb9c><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-72eabb9c><path fill="currentColor" d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.338 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.688c-.1-.25-.45-1.275.1-2.65c0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337c1.912-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z"></path></svg><!--]--></i></a><!--]--></div><button class="reset-btn menu-hamburger hamburger" aria-label="navegación móvil" aria-expanded="false" aria-controls="full-screen" data-v-74f3ae96><span class="hamburger-1"></span><span class="hamburger-2"></span><span class="hamburger-3"></span></button></div></div></div><!----></header><div class="sub-nav py-3 flex items-center"><button class="reset-btn sidebar-button flex items-center" aria-expanded="false"><i class="el-icon mr-2" style="font-size:20px;"><!--[--><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="11" height="2" fill="#606266"></rect><rect x="2" y="11" width="14" height="2" fill="#606266"></rect><rect x="2" y="15" width="8" height="2" fill="#606266"></rect><rect x="2" y="3" width="16" height="2" fill="#606266"></rect></svg><!--]--></i><span class="leading-6">Menu</span></button><button ariadisabled="false" type="button" class="el-button is-link go-back-top height-5" style=""><!--v-if--><span class=""><!--[--> Back to top <!--]--></span></button></div><div class="el-scrollbar sidebar"><div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style=""><div class="el-scrollbar__view" style=""><!--[--><aside><!--[--><div class="page-content" data-v-572119cf><p class="title" data-v-572119cf>Patrocinado por</p><div data-v-572119cf data-v-23d0a532><!--[--><a href="https://js.design/?source=element-plus&amp;plan=sy" title="即时设计 - 专业在线UI设计工具" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/js-design-banner.jpg" alt="JSDesign" data-v-23d0a532></a><a href="https://vform666.com/" title="VForm - Vue 2/3 可视化低代码表单" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/sponsors/vform-banner.png" alt="VForm" data-v-23d0a532></a><a href="https://www.jnpfsoft.com/index.html?from=elementUI" title="JNPF - JNPF 低代码开发平台，让开发变得简单！" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/sponsors/jnpfsoft.jpg" alt="JNPF" data-v-23d0a532></a><!--]--></div><div data-v-572119cf data-v-97807a40><!--[--><!--]--></div></div><!--]--><div class="sidebar-groups"><!--[--><section class="sidebar-group"><p class="sidebar-group__title">Overview</p><!--[--><a class="link" href="/es-ES/component/overview" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Overview</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Basic</p><!--[--><a class="link" href="/es-ES/component/button" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Button</p><!----></a><a class="link" href="/es-ES/component/border" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Border</p><!----></a><a class="link" href="/es-ES/component/color" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color</p><!----></a><a class="link" href="/es-ES/component/container" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout Container</p><!----></a><a class="link" href="/es-ES/component/icon" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Icon</p><!----></a><a class="link" href="/es-ES/component/layout" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout</p><!----></a><a class="link" href="/es-ES/component/link" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Link</p><!----></a><a class="link flex items-center" href="/es-ES/component/text" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Text</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.3.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/scrollbar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Scrollbar</p><!----></a><a class="link" href="/es-ES/component/space" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Space</p><!----></a><a class="link" href="/es-ES/component/typography" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Typography</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Configuration</p><!--[--><a class="link" href="/es-ES/component/config-provider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Config Provider</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Form</p><!--[--><a class="link" href="/es-ES/component/autocomplete" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Autocomplete</p><!----></a><a class="link" href="/es-ES/component/cascader" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Cascader</p><!----></a><a class="link" href="/es-ES/component/checkbox" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Checkbox</p><!----></a><a class="link" href="/es-ES/component/color-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color Picker</p><!----></a><a class="link" href="/es-ES/component/date-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Date Picker</p><!----></a><a class="link" href="/es-ES/component/datetime-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>DateTime Picker</p><!----></a><a class="link" href="/es-ES/component/form" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Form</p><!----></a><a class="link" href="/es-ES/component/input" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input</p><!----></a><a class="link" href="/es-ES/component/input-number" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input Number</p><!----></a><a class="link" href="/es-ES/component/radio" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Radio</p><!----></a><a class="link" href="/es-ES/component/rate" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Rate</p><!----></a><a class="link" href="/es-ES/component/select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Select</p><!----></a><a class="link" href="/es-ES/component/select-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Select</p><!----></a><a class="link" href="/es-ES/component/slider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Slider</p><!----></a><a class="link" href="/es-ES/component/switch" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Switch</p><!----></a><a class="link" href="/es-ES/component/time-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Picker</p><!----></a><a class="link" href="/es-ES/component/time-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Select</p><!----></a><a class="link" href="/es-ES/component/transfer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Transfer</p><!----></a><a class="link" href="/es-ES/component/upload" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Upload</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Data</p><!--[--><a class="link" href="/es-ES/component/avatar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Avatar</p><!----></a><a class="link" href="/es-ES/component/badge" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Badge</p><!----></a><a class="link" href="/es-ES/component/calendar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Calendar</p><!----></a><a class="link" href="/es-ES/component/card" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Card</p><!----></a><a class="link" href="/es-ES/component/carousel" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Carousel</p><!----></a><a class="link" href="/es-ES/component/collapse" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Collapse</p><!----></a><a class="link" href="/es-ES/component/descriptions" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Descriptions</p><!----></a><a class="link" href="/es-ES/component/empty" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Empty</p><!----></a><a class="link" href="/es-ES/component/image" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Image</p><!----></a><a class="link" href="/es-ES/component/infinite-scroll" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Infinite Scroll</p><!----></a><a class="link" href="/es-ES/component/pagination" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Pagination</p><!----></a><a class="link" href="/es-ES/component/progress" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Progress</p><!----></a><a class="link" href="/es-ES/component/result" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Result</p><!----></a><a class="link" href="/es-ES/component/skeleton" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Skeleton</p><!----></a><a class="link" href="/es-ES/component/table" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Table</p><!----></a><a class="link active flex items-center" href="/es-ES/component/table-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Table</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tag" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tag</p><!----></a><a class="link" href="/es-ES/component/timeline" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Timeline</p><!----></a><a class="link flex items-center" href="/es-ES/component/tour" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tour</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.5.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tree" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tree</p><!----></a><a class="link flex items-center" href="/es-ES/component/tree-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>TreeSelect</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.1.8<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tree-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Tree</p><!----></a><a class="link flex items-center" href="/es-ES/component/statistic" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Statistic</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.30<!--]--></span><!--v-if--></span></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Navigation</p><!--[--><a class="link" href="/es-ES/component/affix" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Affix</p><!----></a><a class="link flex items-center" href="/es-ES/component/anchor" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Anchor</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.6.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/backtop" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Backtop</p><!----></a><a class="link" href="/es-ES/component/breadcrumb" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Breadcrumb</p><!----></a><a class="link" href="/es-ES/component/dropdown" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dropdown</p><!----></a><a class="link" href="/es-ES/component/menu" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Menu</p><!----></a><a class="link" href="/es-ES/component/page-header" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Page Header</p><!----></a><a class="link" href="/es-ES/component/steps" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Steps</p><!----></a><a class="link" href="/es-ES/component/tabs" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tabs</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Feedback</p><!--[--><a class="link" href="/es-ES/component/alert" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Alert</p><!----></a><a class="link" href="/es-ES/component/dialog" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dialog</p><!----></a><a class="link" href="/es-ES/component/drawer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Drawer</p><!----></a><a class="link" href="/es-ES/component/loading" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Loading</p><!----></a><a class="link" href="/es-ES/component/message" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message</p><!----></a><a class="link" href="/es-ES/component/message-box" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message Box</p><!----></a><a class="link" href="/es-ES/component/notification" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Notification</p><!----></a><a class="link" href="/es-ES/component/popconfirm" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popconfirm</p><!----></a><a class="link" href="/es-ES/component/popover" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popover</p><!----></a><a class="link" href="/es-ES/component/tooltip" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tooltip</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Others</p><!--[--><a class="link" href="/es-ES/component/divider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Divider</p><!----></a><a class="link flex items-center" href="/es-ES/component/watermark" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Watermark</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.4.0<!--]--></span><!--v-if--></span></a><!--]--></section><!--]--></div><!--[--><!--]--></aside><!--]--></div></div><!--[--><div class="el-scrollbar__bar is-horizontal" style="display:none;"><div class="el-scrollbar__thumb" style="width:;transform:translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical" style="display:none;"><div class="el-scrollbar__thumb" style="height:;transform:translateY(0%);"></div></div><!--]--></div><main id="page-content" class="page-content has-sidebar"><div class="doc-content-wrapper"><div class="doc-content-container"><div style="position:relative;" class="doc-content"><div><h1 id="tabla-virtualizada" tabindex="-1">Tabla virtualizada <span class="vp-tag beta">beta</span> <a class="header-anchor vp-link" href="#tabla-virtualizada" aria-hidden="true">#</a></h1><p>Along with evolutionary web development, table component has always been the most popular component in our web apps especially for dashboards, data analysis. For <a href="./table.html" class="vp-link">Table V1</a>, with even just 1000 records of data, it can be very annoying when using it, because of the poor performance.</p><p>Con la Tabla Virtualizada, puede renderizar masivos trozos de datos en un parpadeo de ojos.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Este componente todavía está <strong>bajo prueba</strong>, úselo bajo su propio riesgo. If you find any bugs or issues, please report them at <a href="https://github.com/element-plus/element-plus/issues" class="vp-link" target="_blank" rel="noopener noreferrer">GitHub<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> for us to fix. Also there were some APIs which are not mentioned in this documentation, some of them were not fully developed yet, which is why they are not mentioned here.</p><p><strong>Even though</strong> Virtualized Table is efficient, when the data load is too large, your <strong>network</strong> and <strong>memory size</strong> can become the bottleneck of your app. So keep in mind that Virtualized Table is never the ultimate solution for everything, consider paginating your data, adding filters etc.</p></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Este componente requiere el envoltorio <code>&lt;client-only&gt;&lt;/client-only&gt;</code> cuando se utiliza en SSR (por ejemplo: <a href="https://nuxt.com/v3" class="vp-link" target="_blank" rel="noopener noreferrer">Nuxt<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a>) y SSG (por ejemplo: <a href="https://vitepress.vuejs.org/" class="vp-link" target="_blank" rel="noopener noreferrer">VitePress<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a>).</p></div><h2 id="uso-basico" tabindex="-1">Uso básico <a class="header-anchor vp-link" href="#uso-basico" aria-hidden="true">#</a></h2><p>Let&#39;s demonstrate the performance of the Virtualized Table by rendering a basic example with 10 columns and 1000 rows.</p><!----><h2 id="auto-redimensionar" tabindex="-1">Auto redimensionar <a class="header-anchor vp-link" href="#auto-redimensionar" aria-hidden="true">#</a></h2><p>When you do not want to manually pass the <code>width</code> and <code>height</code> properties to the table, you can wrap the table component with the AutoResizer. This will automatically update the width and height for you.</p><p>Redimensione su navegador para ver cómo funciona.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Make sure the parent node of the <code>AutoResizer</code> <strong>HAS A FIXED HEIGHT</strong>, since its default height value is set to 100%. Alternatively, you can define it by passing the <code>style</code> attribute to <code>AutoResizer</code>.</p></div><!----><h2 id="customize-cell-renderer" tabindex="-1">Personalizar el procesador de celdas <a class="header-anchor vp-link" href="#customize-cell-renderer" aria-hidden="true">#</a></h2><p>Of course, you can render the table cell according to your needs. Here&#39;s a simple example of how to customize your cell.</p><!----><h2 id="tabla-con-selecciones" tabindex="-1">Tabla con selecciones <a class="header-anchor vp-link" href="#tabla-con-selecciones" aria-hidden="true">#</a></h2><p>Utilizando el renderizador de celdas personalizado para permitir la selección para la tabla.</p><!----><h2 id="edicion-en-linea" tabindex="-1">Edición en línea <a class="header-anchor vp-link" href="#edicion-en-linea" aria-hidden="true">#</a></h2><p>Just as we demonstrated with selections above, you can use the same method to enable inline editing.</p><!----><h2 id="tabla-con-estado" tabindex="-1">Tabla con estado <a class="header-anchor vp-link" href="#tabla-con-estado" aria-hidden="true">#</a></h2><p>Puede destacar su contenido de tabla para distinguir entre &quot;success, information, warning, danger&quot; y otros estados.</p><p>To customize the appearance of rows, use the <code>row-class-name</code> attribute. For example, every 10th row is highlighted using the <code>bg-blue-200</code> class, and every 5th row with the <code>bg-red-100</code> class.</p><!----><h2 id="tabla-con-filas-pegajosas" tabindex="-1">Tabla con filas pegajosas <a class="header-anchor vp-link" href="#tabla-con-filas-pegajosas" aria-hidden="true">#</a></h2><p>You can make some rows stick to the top of the table, and that can be very easily achieved by using the <code>fixed-data</code> attribute.</p><p>You can dynamically set the sticky row based on scroll events, as shown in this example.</p><!----><h2 id="tabla-con-columnas-fijas" tabindex="-1">Tabla con columnas fijas <a class="header-anchor vp-link" href="#tabla-con-columnas-fijas" aria-hidden="true">#</a></h2><p>If you want to have columns stick to the left or right for some reason, you can achieve this by adding special attributes to the table.</p><p>Puede establecer el atributo de la columna <code>fixed</code> a <code>true</code> (representando con <code>FixedDir.LEFT</code>) o <code>FixedDir.LEFT</code> o <code>FixedDir.RIGHT</code></p><!----><h2 id="encabezado-de-grupo" tabindex="-1">Encabezado de grupo <a class="header-anchor vp-link" href="#encabezado-de-grupo" aria-hidden="true">#</a></h2><p>By customizing your header renderer, you can group your header as shown in this example.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>In this case we used <code>JSX</code> feature which is not supported in the playground. You may try them out in your local environment or on online IDEs such as <code>codesandbox</code>.</p><p>Se recomienda que escriba el componente de tabla en JSX, ya que contiene manipulaciones de VNode.</p></div><!----><h2 id="filtros" tabindex="-1">Filtros <a class="header-anchor vp-link" href="#filtros" aria-hidden="true">#</a></h2><p>Virtualized Table provides custom header renderers for creating customized headers. We can then utilize these to render filters.</p><!----><h2 id="ordenable" tabindex="-1">Ordenable <a class="header-anchor vp-link" href="#ordenable" aria-hidden="true">#</a></h2><p>Puede ordenar la tabla con el estado de ordenación.</p><!----><h2 id="orden-controlado" tabindex="-1">Orden controlado <a class="header-anchor vp-link" href="#orden-controlado" aria-hidden="true">#</a></h2><p>You can define multiple sortable columns as needed. Keep in mind that if you define multiple sortable columns, the UI may appear confusing to your users, as it becomes unclear which column is currently being sorted.</p><!----><h2 id="intervalo-cruzado" tabindex="-1">Intervalo cruzado <a class="header-anchor vp-link" href="#intervalo-cruzado" aria-hidden="true">#</a></h2><p>When dealing with a large list, it&#39;s easy to lose track of the current row and column you are visiting. In such cases, using this feature can be very helpful.</p><!----><h2 id="colspan" tabindex="-1">Colspan <a class="header-anchor vp-link" href="#colspan" aria-hidden="true">#</a></h2><p>The virtualized table doesn&#39;t use the built-in <code>table</code> element, so <code>colspan</code> and <code>rowspan</code> behave a bit differently compared to <a href="./table.html" class="vp-link">TableV1</a>. However, with a customized row renderer, these features can still be implemented. In this section, we&#39;ll demonstrate how to achieve this.</p><!----><h2 id="rowspan" tabindex="-1">Rowspan <a class="header-anchor vp-link" href="#rowspan" aria-hidden="true">#</a></h2><p>Since we have covered <a href="#colspan" class="vp-link">Colspan</a>, it&#39;s worth noting that we also have row span. It&#39;s a little bit different from colspan but the idea is basically the same.</p><!----><h2 id="rowspan-y-colspan-juntos" tabindex="-1">Rowspan y Colspan juntos <a class="header-anchor vp-link" href="#rowspan-y-colspan-juntos" aria-hidden="true">#</a></h2><p>¡Podemos combinar rowspan y colspan para alcanzar el objetivo de negocio!</p><!----><h2 id="datos-con-formato-de-arbol" tabindex="-1">Datos con formato de árbol <a class="header-anchor vp-link" href="#datos-con-formato-de-arbol" aria-hidden="true">#</a></h2><p>Virtual Table can also render data in a tree-like structure. By clicking the arrow icon, you can expand or collapse the tree nodes.</p><!----><h2 id="filas-de-altura-dinamica" tabindex="-1">Filas de altura dinámica <a class="header-anchor vp-link" href="#filas-de-altura-dinamica" aria-hidden="true">#</a></h2><p>Virtual Table is capable of rendering rows with dynamic heights. If you&#39;re working with data and are uncertain about the content size, this feature is ideal for rendering rows that adjust to the content&#39;s height. To enable this, pass down the <code>estimated-row-height</code> attribute. The closer the estimated height matches the actual content, the smoother the rendering experience.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Each row&#39;s height is dynamically measured during rendering the rows. As a result, if you&#39;re trying to display a large amount of data, the UI <strong>might be</strong> bouncing.</p></div><!----><h2 id="vista-de-detalle" tabindex="-1">Vista de detalle <a class="header-anchor vp-link" href="#vista-de-detalle" aria-hidden="true">#</a></h2><p>Using dynamic height rendering, you can also display a detailed view within the table.</p><!----><h2 id="pie-personalizado" tabindex="-1">Pie personalizado <a class="header-anchor vp-link" href="#pie-personalizado" aria-hidden="true">#</a></h2><p>Render a customized footer when you want to show a concluding message or information.</p><!----><h2 id="renderizado-personalizado-de-vacio" tabindex="-1">Renderizado personalizado de vacío <a class="header-anchor vp-link" href="#renderizado-personalizado-de-vacio" aria-hidden="true">#</a></h2><p>Render a customized empty element.</p><!----><h2 id="overlay" tabindex="-1">Overlay <a class="header-anchor vp-link" href="#overlay" aria-hidden="true">#</a></h2><p>Render an overlay on top of the table when you want to show a loading indicator or something else.</p><!----><h2 id="desplazamiento-manual" tabindex="-1">Desplazamiento manual <a class="header-anchor vp-link" href="#desplazamiento-manual" aria-hidden="true">#</a></h2><p>Use the methods provided by Table V2 to scroll manually/programmatically with desired offset/rows.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>El segundo parámetro para <code>scrollToRow</code> es la estrategia de desplazamiento que por defecto es <code>auto</code>, calcula la posición para desplazarse por sí misma. If you wish to scroll to a specific position, you can define the strategy yourself. Las opciones disponibles son <code>&quot;auto&quot; | &quot;center&quot; | &quot;end&quot; | &quot;start&quot; | &quot;smart&quot;</code></p><p>La diferencia entre <code>smart</code> y <code>auto</code> es que <code>auto</code> es un subconjunto de la estrategia de desplazamiento <code>smart</code>.</p></div><!----><h2 id="atributos-de-tablev2" tabindex="-1">Atributos de TableV2 <a class="header-anchor vp-link" href="#atributos-de-tablev2" aria-hidden="true">#</a></h2><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Tipo</th><th>Por defecto</th></tr></thead><tbody><tr><td>cache</td><td>Number of rows rendered in advance to boost the performance</td><td>Number</td><td>2</td></tr><tr><td>estimated-row-height</td><td>La altura estimada de fila para renderizar filas de altura dinámica</td><td>Number</td><td>-</td></tr><tr><td>header-class</td><td>Nombre de clase personalizado pasado al envoltorio de cabecera</td><td>String/Function&lt;<a href="#typings" class="vp-link">HeaderClassGetter</a>&gt;</td><td>-</td></tr><tr><td>header-props</td><td>Nombre de las propiedades personalizadas pasadas al componente de cabecera</td><td>Object/Function&lt;<a href="#typings" class="vp-link">HeaderPropsGetter</a>&gt;</td><td>-</td></tr><tr><td>header-cell-props</td><td>Nombre de las propiedades personalizadas pasadas al componente de celdas de la cabecera</td><td>Object/Function&lt;<a href="#typings" class="vp-link">HeaderCellPropsGetter</a>&gt;</td><td>-</td></tr><tr><td>header-height</td><td>The height of the header is set by <code>height</code>. If given an array, it renders header rows equal to its length</td><td>Number/Array&lt;Number&gt;</td><td>50</td></tr><tr><td>footer-height</td><td>The height of the footer element, when provided, will be part to the calculation of the table&#39;s height.</td><td>Number</td><td>0</td></tr><tr><td>row-class</td><td>Nombre de clase personalizado pasado al envoltorio de fila</td><td>String/Function&lt;<a href="#typings" class="vp-link">RowClassGetter</a>&gt;</td><td>-</td></tr><tr><td>row-key</td><td>The key of each row, if not provided, will be the index of the row</td><td>String/Symbol/Number</td><td>id</td></tr><tr><td>row-props</td><td>Nombre de las propiedades personalizadas pasadas al componente de fila</td><td>Object/Function&lt;<a href="#typings" class="vp-link">RowPropsGetter</a>&gt;</td><td>-</td></tr><tr><td>row-height</td><td>La altura de cada fila, utilizada para calcular la altura total de la tabla</td><td>Number</td><td>50</td></tr><tr><td>cell-props</td><td>propiedades adicionales pasados a cada célula (excepto las células de la cabecera)</td><td>Object/Function&lt;<a href="#typings" class="vp-link">CellPropsGetter</a>&gt;</td><td>-</td></tr><tr><td>columns</td><td>Un array de definiciones de columnas.</td><td>Array&lt;<a href="#column-attribute" class="vp-link">Column</a>&gt;</td><td>-</td></tr><tr><td>data</td><td>Una matriz de datos a procesar en la tabla.</td><td>Array&lt;<a href="#typings" class="vp-link">Data</a>&gt;</td><td>[]</td></tr><tr><td>data-getter</td><td>A method to customize data fetch from the data source.</td><td>Function</td><td>-</td></tr><tr><td>fixed-data</td><td>Datos para procesar filas sobre el contenido principal y debajo del encabezado</td><td>Array&lt;<a href="#typings" class="vp-link">Data</a>&gt;</td><td>-</td></tr><tr><td>expand-column-key</td><td>La clave de columna que indica qué fila se puede expandir</td><td>String</td><td>-</td></tr><tr><td>expanded-row-keys</td><td>Un array de claves para filas expandidas, puede utilizarse con <code>v-model</code></td><td>Array&lt;<a href="#typings" class="vp-link">KeyType</a>&gt;</td><td>-</td></tr><tr><td>default-expanded-row-keys</td><td>Un array de claves para filas expandidas por defecto, <strong>NO REACTIVE</strong></td><td>Array&lt;<a href="#typings" class="vp-link">KeyType</a>&gt;</td><td>-</td></tr><tr><td>class</td><td>Class name for the virtual table, will be applied to all three tables (left, right, main)</td><td>String/Array/Object</td><td>-</td></tr><tr><td>fixed</td><td>Flag indicates the table column&#39;s width to be fixed or flexible.</td><td>Boolean</td><td>false</td></tr><tr><td>width <span class="vp-tag required">required</span></td><td>Width of the table</td><td>Number</td><td>-</td></tr><tr><td>height <span class="vp-tag required">required</span></td><td>Height of the table</td><td>Number</td><td>-</td></tr><tr><td>max-height</td><td>Maximum height of the table</td><td>Number</td><td>-</td></tr><tr><td>h-scrollbar-size</td><td>Indica el tamaño de la barra de desplazamiento horizontal para la tabla, utilizada para prevenir el colapso de la barra de desplazamiento horizontal y vertical</td><td>Number</td><td>6</td></tr><tr><td>v-scrollbar-size</td><td>Indica el tamaño de la barra de desplazamiento vertical para la tabla, utilizada para prevenir el colapso de la barra de desplazamiento horizontal y vertical</td><td>Number</td><td>6</td></tr><tr><td>scrollbar-always-on</td><td>Si se activa, la barra de desplazamiento siempre se mostrará en lugar de cuando el ratón se coloca encima de la tabla</td><td>Boolean</td><td>false</td></tr><tr><td>sort-by</td><td>Indicador de orden</td><td>Object&lt;<a href="#typings" class="vp-link">SortBy</a>&gt;</td><td>{}</td></tr><tr><td>sort-state</td><td>Múltiples indicadores de ordenación</td><td>Object&lt;<a href="#typings" class="vp-link">SortState</a>&gt;</td><td>undefined</td></tr></tbody></table></div><h2 id="slots-de-tablev2" tabindex="-1">Slots de TableV2 <a class="header-anchor vp-link" href="#slots-de-tablev2" aria-hidden="true">#</a></h2><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Parámetros</th></tr></thead><tbody><tr><td>cell</td><td><a href="#typings" class="vp-link">CellSlotProps</a></td></tr><tr><td>header</td><td><a href="#typings" class="vp-link">HeaderSlotProps</a></td></tr><tr><td>header-cell</td><td><a href="#typings" class="vp-link">HeaderCellSlotProps</a></td></tr><tr><td>row</td><td><a href="#typings" class="vp-link">RowSlotProps</a></td></tr><tr><td>footer</td><td>-</td></tr><tr><td>empty</td><td>-</td></tr><tr><td>overlay</td><td>-</td></tr></tbody></table></div><h2 id="eventos-de-tablev2" tabindex="-1">Eventos de TableV2 <a class="header-anchor vp-link" href="#eventos-de-tablev2" aria-hidden="true">#</a></h2><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Parámetros</th></tr></thead><tbody><tr><td>column-sort</td><td>Se invoca cuando la columna está ordenada</td><td>Object&lt;ColumnSortParam&gt;</td></tr><tr><td>expanded-rows-change</td><td>Invocado cuando las filas expandidas cambian</td><td><code>Array&lt;KeyType&gt;</code></td></tr><tr><td>end-reached</td><td>Invocado cuando se alcanza el final de la tabla</td><td>-</td></tr><tr><td>scroll</td><td>Invoked after scrolling</td><td>Object&lt;<a href="#typings" class="vp-link">ScrollParams</a>&gt;</td></tr><tr><td>rows-rendered</td><td>Invocado cuando las filas son procesadas</td><td>Object&lt;<a href="#typings" class="vp-link">RowsRenderedParams</a>&gt;</td></tr><tr><td>row-expand</td><td>Se invoca cuando se expande/contrae el nodo del árbol haciendo clic en el icono de la flecha</td><td>Object&lt;<a href="#typings" class="vp-link">RowExpandParams</a>&gt;</td></tr><tr><td>row-event-handlers</td><td>Una colección de manejadores conectados a cada fila</td><td>Object&lt;<a href="#typings" class="vp-link">RowEventHandlers</a>&gt;</td></tr></tbody></table></div><h2 id="metodos-tablev2" tabindex="-1">Métodos TableV2 <a class="header-anchor vp-link" href="#metodos-tablev2" aria-hidden="true">#</a></h2><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Parámetros</th></tr></thead><tbody><tr><td>scrollTo</td><td>Desplazar a una posición determinada</td><td><code>{ scrollLeft?: number, scrollTop?: number}</code></td></tr><tr><td>scrollToLeft</td><td>Desplazar a una posición horizontal determinada</td><td><code>scrollLeft: number</code></td></tr><tr><td>scrollToTop</td><td>Desplazar a una posición vertical dada</td><td><code>scrollTop: number</code></td></tr><tr><td>scrollToRow</td><td>desplazar a una fila determinada con la estrategia de desplazamiento especificada</td><td><code>row: number, strategy?: &quot;auto&quot; |&quot;center&quot; | &quot;end&quot; | &quot;start&quot; | &quot;smart&quot;</code></td></tr></tbody></table></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Note that these are <code>JavaScript</code> Objects, so you <strong>CANNOT USE</strong> kebab-case for these attributes</p></div><h2 id="atributos-de-columna" tabindex="-1">Atributos de columna <a class="header-anchor vp-link" href="#atributos-de-columna" aria-hidden="true">#</a></h2><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Tipo</th><th>Por defecto</th></tr></thead><tbody><tr><td>align</td><td>Alineación del contenido de la celda</td><td><a href="https://github.com/element-plus/element-plus/blob/b92b22932758f0ddea98810ae248f6ca62f77e25/packages/components/table-v2/src/constants.ts#L6" class="vp-link" target="_blank" rel="noopener noreferrer">Alignment<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a></td><td>left</td></tr><tr><td>class</td><td>Nombre de la clase para la columna</td><td>String</td><td>-</td></tr><tr><td>fixed</td><td>Dirección fija de la columna</td><td>Boolean/<a href="https://github.com/element-plus/element-plus/blob/b92b22932758f0ddea98810ae248f6ca62f77e25/packages/components/table-v2/src/constants.ts#L11" class="vp-link" target="_blank" rel="noopener noreferrer">FixedDir<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a></td><td>false</td></tr><tr><td>flexGrow</td><td>CSSProperties flex grow, Only useful when this is not a fixed table</td><td>Number</td><td>0</td></tr><tr><td>flexShrink</td><td>CSSProperties flex shrink, Only useful when this is not a fixed table</td><td>Number</td><td>1</td></tr><tr><td>headerClass</td><td>Utilizado para personalizar la clase de columna de cabecera</td><td>String</td><td>-</td></tr><tr><td>hidden</td><td>Si la columna es invisible</td><td>Boolean</td><td>-</td></tr><tr><td>style</td><td>Estilo personalizado para la celda de columna, se fusionará con celda de cuadrícula</td><td>CSSProperties</td><td>-</td></tr><tr><td>sortable</td><td>Indica si la columna es ordenable</td><td>Boolean</td><td>-</td></tr><tr><td>title</td><td>El texto por defecto renderizado en la celda de cabecera</td><td>String</td><td>-</td></tr><tr><td>maxWidth</td><td>Ancho máximo para la columna</td><td>String</td><td>-</td></tr><tr><td>minWidth</td><td>Ancho mínimo para la columna</td><td>String</td><td>-</td></tr><tr><td>width <span class="vp-tag required">required</span></td><td>Width for the column</td><td>Number</td><td>-</td></tr><tr><td>cellRenderer</td><td>Renderizado personalizado de celdas</td><td>VueComponent/(props: <a href="#typings" class="vp-link">CellRenderProps</a>) =&gt; VNode</td><td>-</td></tr><tr><td>headerCellRenderer</td><td>Renderizado personalizado de cabecera</td><td>VueComponent/(props: <a href="#typings" class="vp-link">HeaderRenderProps</a>) =&gt; VNode</td><td>-</td></tr></tbody></table></div><h2 id="typings" tabindex="-1">Typings <a class="header-anchor vp-link" href="#typings" aria-hidden="true">#</a></h2><details><summary>Mostrar Declaraciones de Tipo</summary><div class="language-ts"><pre><code><span class="token keyword">type</span> <span class="token class-name">HeaderClassGetter</span> <span class="token operator">=</span> <span class="token punctuation">(</span>param<span class="token operator">:</span> <span class="token punctuation">{</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  headerIndex<span class="token operator">:</span> <span class="token builtin">number</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token builtin">string</span>

<span class="token keyword">type</span> <span class="token class-name">HeaderPropsGetter</span> <span class="token operator">=</span> <span class="token punctuation">(</span>param<span class="token operator">:</span> <span class="token punctuation">{</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  headerIndex<span class="token operator">:</span> <span class="token builtin">number</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> Record<span class="token operator">&lt;</span><span class="token builtin">string</span><span class="token punctuation">,</span> <span class="token builtin">any</span><span class="token operator">&gt;</span>

<span class="token keyword">type</span> <span class="token class-name">HeaderCellPropsGetter</span> <span class="token operator">=</span> <span class="token punctuation">(</span>param<span class="token operator">:</span> <span class="token punctuation">{</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  column<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span>
  columnIndex<span class="token operator">:</span> <span class="token builtin">number</span>
  headerIndex<span class="token operator">:</span> <span class="token builtin">number</span>
  style<span class="token operator">:</span> CSSProperties
<span class="token punctuation">}</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> Record<span class="token operator">&lt;</span><span class="token builtin">string</span><span class="token punctuation">,</span> <span class="token builtin">any</span><span class="token operator">&gt;</span>

<span class="token keyword">type</span> <span class="token class-name">RowClassGetter</span> <span class="token operator">=</span> <span class="token punctuation">(</span>param<span class="token operator">:</span> <span class="token punctuation">{</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  rowData<span class="token operator">:</span> <span class="token builtin">any</span>
  rowIndex<span class="token operator">:</span> <span class="token builtin">number</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token builtin">string</span>

<span class="token keyword">type</span> <span class="token class-name">RowPropsGetter</span> <span class="token operator">=</span> <span class="token punctuation">(</span>param<span class="token operator">:</span> <span class="token punctuation">{</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  rowData<span class="token operator">:</span> <span class="token builtin">any</span>
  rowIndex<span class="token operator">:</span> <span class="token builtin">number</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> Record<span class="token operator">&lt;</span><span class="token builtin">string</span><span class="token punctuation">,</span> <span class="token builtin">any</span><span class="token operator">&gt;</span>

<span class="token keyword">type</span> <span class="token class-name">CellPropsGetter</span> <span class="token operator">=</span> <span class="token punctuation">(</span>param<span class="token operator">:</span> <span class="token punctuation">{</span>
  column<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  columnIndex<span class="token operator">:</span> <span class="token builtin">number</span>
  cellData<span class="token operator">:</span> <span class="token builtin">any</span>
  rowData<span class="token operator">:</span> <span class="token builtin">any</span>
  rowIndex<span class="token operator">:</span> <span class="token builtin">number</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span>

<span class="token keyword">type</span> <span class="token class-name">CellRenderProps<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span></span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  cellData<span class="token operator">:</span> <span class="token constant">T</span>
  column<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  columnIndex<span class="token operator">:</span> <span class="token builtin">number</span>
  rowData<span class="token operator">:</span> <span class="token builtin">any</span>
  rowIndex<span class="token operator">:</span> <span class="token builtin">number</span>
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">HeaderRenderProps<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span></span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  column<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  columnIndex<span class="token operator">:</span> <span class="token builtin">number</span>
  headerIndex<span class="token operator">:</span> <span class="token builtin">number</span>
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">ScrollParams</span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  xAxisScrollDir<span class="token operator">:</span> <span class="token string">&#39;forward&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;backward&#39;</span>
  scrollLeft<span class="token operator">:</span> <span class="token builtin">number</span>
  yAxisScrollDir<span class="token operator">:</span> <span class="token string">&#39;forward&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;backward&#39;</span>
  scrollTop<span class="token operator">:</span> <span class="token builtin">number</span>
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">CellSlotProps<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span></span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  column<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  columnIndex<span class="token operator">:</span> <span class="token builtin">number</span>
  depth<span class="token operator">:</span> <span class="token builtin">number</span>
  style<span class="token operator">:</span> CSSProperties
  rowData<span class="token operator">:</span> <span class="token builtin">any</span>
  rowIndex<span class="token operator">:</span> <span class="token builtin">number</span>
  isScrolling<span class="token operator">:</span> <span class="token builtin">boolean</span>
  expandIconProps<span class="token operator">?</span><span class="token operator">:</span>
    <span class="token operator">|</span> <span class="token punctuation">{</span>
        rowData<span class="token operator">:</span> <span class="token builtin">any</span>
        rowIndex<span class="token operator">:</span> <span class="token builtin">number</span>
        <span class="token function-variable function">onExpand</span><span class="token operator">:</span> <span class="token punctuation">(</span>expand<span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span>
      <span class="token punctuation">}</span>
    <span class="token operator">|</span> <span class="token keyword">undefined</span>
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">HeaderSlotProps</span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  cells<span class="token operator">:</span> VNode<span class="token punctuation">[</span><span class="token punctuation">]</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  headerIndex<span class="token operator">:</span> <span class="token builtin">number</span>
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">HeaderCellSlotProps</span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  <span class="token keyword">class</span><span class="token operator">:</span> <span class="token builtin">string</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  column<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span>
  columnIndex<span class="token operator">:</span> <span class="token builtin">number</span>
  headerIndex<span class="token operator">:</span> <span class="token builtin">number</span>
  style<span class="token operator">:</span> CSSProperties
  headerCellProps<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">any</span>
  sortBy<span class="token operator">:</span> SortBy
  sortState<span class="token operator">?</span><span class="token operator">:</span> SortState <span class="token operator">|</span> <span class="token keyword">undefined</span>
  <span class="token function-variable function">onColumnSorted</span><span class="token operator">:</span> <span class="token punctuation">(</span>e<span class="token operator">:</span> MouseEvent<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span>
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">RowCommonParams</span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  rowData<span class="token operator">:</span> <span class="token builtin">any</span>
  rowIndex<span class="token operator">:</span> <span class="token builtin">number</span>
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">RowEventHandlerParams</span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  rowKey<span class="token operator">:</span> KeyType
  event<span class="token operator">:</span> Event
<span class="token punctuation">}</span> <span class="token operator">&amp;</span> RowCommonParams

<span class="token keyword">type</span> <span class="token class-name">RowEventHandler</span> <span class="token operator">=</span> <span class="token punctuation">(</span>params<span class="token operator">:</span> RowEventHandlerParams<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span>
<span class="token keyword">type</span> <span class="token class-name">RowEventHandlers</span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  onClick<span class="token operator">?</span><span class="token operator">:</span> RowEventHandler
  onContextmenu<span class="token operator">?</span><span class="token operator">:</span> RowEventHandler
  onDblclick<span class="token operator">?</span><span class="token operator">:</span> RowEventHandler
  onMouseenter<span class="token operator">?</span><span class="token operator">:</span> RowEventHandler
  onMouseleave<span class="token operator">?</span><span class="token operator">:</span> RowEventHandler
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">RowsRenderedParams</span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  rowCacheStart<span class="token operator">:</span> <span class="token builtin">number</span>
  rowCacheEnd<span class="token operator">:</span> <span class="token builtin">number</span>
  rowVisibleStart<span class="token operator">:</span> <span class="token builtin">number</span>
  rowVisibleEnd<span class="token operator">:</span> <span class="token builtin">number</span>
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">RowSlotProps</span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  columns<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  rowData<span class="token operator">:</span> <span class="token builtin">any</span>
  columnIndex<span class="token operator">:</span> <span class="token builtin">number</span>
  rowIndex<span class="token operator">:</span> <span class="token builtin">number</span>
  data<span class="token operator">:</span> <span class="token builtin">any</span>
  key<span class="token operator">:</span> <span class="token builtin">number</span> <span class="token operator">|</span> <span class="token builtin">string</span>
  isScrolling<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span>
  style<span class="token operator">:</span> CSSProperties
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">RowExpandParams</span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  expanded<span class="token operator">:</span> <span class="token builtin">boolean</span>
  rowKey<span class="token operator">:</span> KeyType
<span class="token punctuation">}</span> <span class="token operator">&amp;</span> RowCommonParams

<span class="token keyword">type</span> <span class="token class-name">Data</span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  <span class="token punctuation">[</span>key<span class="token operator">:</span> KeyType<span class="token punctuation">]</span><span class="token operator">:</span> <span class="token builtin">any</span>
  children<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">Array</span><span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;</span>
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">FixedData</span> <span class="token operator">=</span> Data

<span class="token keyword">type</span> <span class="token class-name">KeyType</span> <span class="token operator">=</span> <span class="token builtin">string</span> <span class="token operator">|</span> <span class="token builtin">number</span> <span class="token operator">|</span> <span class="token builtin">symbol</span>

<span class="token keyword">type</span> <span class="token class-name">ColumnSortParam<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span></span> <span class="token operator">=</span> <span class="token punctuation">{</span> column<span class="token operator">:</span> Column<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span><span class="token punctuation">;</span> key<span class="token operator">:</span> KeyType<span class="token punctuation">;</span> order<span class="token operator">:</span> SortOrder <span class="token punctuation">}</span>

<span class="token keyword">enum</span> SortOrder <span class="token punctuation">{</span>
  <span class="token constant">ASC</span> <span class="token operator">=</span> <span class="token string">&#39;asc&#39;</span><span class="token punctuation">,</span>
  <span class="token constant">DESC</span> <span class="token operator">=</span> <span class="token string">&#39;desc&#39;</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">SortBy</span> <span class="token operator">=</span> <span class="token punctuation">{</span> key<span class="token operator">:</span> KeyType<span class="token punctuation">;</span> Order<span class="token operator">:</span> SortOrder <span class="token punctuation">}</span>
<span class="token keyword">type</span> <span class="token class-name">SortState</span> <span class="token operator">=</span> Record<span class="token operator">&lt;</span>KeyType<span class="token punctuation">,</span> SortOrder<span class="token operator">&gt;</span>
</code></pre></div></details><h2 id="faqs" tabindex="-1">FAQs <a class="header-anchor vp-link" href="#faqs" aria-hidden="true">#</a></h2><h4 id="how-do-i-render-a-list-with-a-checkbox-in-the-first-column" tabindex="-1">How do I render a list with a checkbox in the first column? <a class="header-anchor vp-link" href="#how-do-i-render-a-list-with-a-checkbox-in-the-first-column" aria-hidden="true">#</a></h4><p>Since you are allowed to define your own cell renderer, you can do what the example <a href="#customize-cell-renderer" class="vp-link">Customize Cell Renderer</a> did to render <code>checkbox</code> yourself, and maintain the state by yourself.</p><h4 id="why-does-virtualized-table-provide-less-features-than-tablev1" tabindex="-1">Why does virtualized table provide less features than <a href="./table.html" class="vp-link">TableV1</a> <a class="header-anchor vp-link" href="#why-does-virtualized-table-provide-less-features-than-tablev1" aria-hidden="true">#</a></h4><p>For virtualized table, we intend to provide less feature and let our users implement their own features as needed. Integrar demasiadas características hace que el código sea difícil de mantener y para la mayoría de los usuarios las características básicas son suficientes. Algunas características clave aún no han sido desarrolladas. ¡Queremos saber tu opinión! Únete a <a href="https://discord.com/invite/gXK9XNzW3X" class="vp-link" target="_blank" rel="noopener noreferrer">Discord<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> para estar atento.</p><h2 id="fuente" tabindex="-1">Fuente <a class="header-anchor vp-link" href="#fuente" aria-hidden="true">#</a></h2><p><a href="https://github.com/element-plus/element-plus/tree/dev/packages/components/table-v2" class="vp-link" target="_blank" rel="noopener noreferrer">Componentes<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> • <a href="https://github.com/element-plus/element-plus/blob/dev/docs/en-US/component/table-v2.md" class="vp-link" target="_blank" rel="noopener noreferrer">Documentación<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a></p><h2 id="contribuidores" tabindex="-1">Contribuidores <a class="header-anchor vp-link" href="#contribuidores" aria-hidden="true">#</a></h2><div class="mb-4" data-v-2c2cd08f><div class="flex flex-wrap gap-4 pt-2" data-v-2c2cd08f><!--[--><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/jw-foss" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/15975785?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> JeremyWuuuuu<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/btea" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/24516654?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> btea<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/chenxch" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23251408?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Xc<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/tolking" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23313167?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> qiang<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/makedopamine" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/93767616?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> dopamine<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/holazz" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23100055?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> zz<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/kooriookami" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/38392315?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> kooriookami<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/YunYouJun" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/25154432?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 云游君<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/FrontEndDog" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/46493087?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 一只前端汪<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/MrWeilian" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/30046649?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 井柏然<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Tsong-LC" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/50739490?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> LIUCHAO<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/sxzz" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/6481596?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 三咲智子<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/webfansplz" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/22515951?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> webfansplz<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/zwgwf" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/134276765?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> zwgwf<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/KimYangOfCat" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/32960305?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Kim Yang<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/SignDawn" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/48878568?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> SignDawn<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/yj-liuzepeng" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/75007029?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> zepeng<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/MilesTails01" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/83541965?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Tommy<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/huangguangfa" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/46232212?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> xy<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/onishi-kohei" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/62194324?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 0024<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/loosheng" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/30114549?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> LooSheng<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/iamkun" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/17680888?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> iamkun<!--]--><!----></a></div><!--]--></div></div></div></div><footer class="page-footer" data-v-3e2f3e7f><div class="edit" data-v-3e2f3e7f><div class="edit-link" data-v-3e2f3e7f data-v-7d4aa2c8><a class="link text-sm" href="https://crowdin.com/translate/element-plus/all/en-es" target="_blank" rel="noopener noreferrer" data-v-7d4aa2c8>Editar esta página en Crowdin <i class="el-icon" style="font-size:16px;vertical-align:text-top;line-height:24px;" data-v-7d4aa2c8><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-7d4aa2c8><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg><!--]--></i></a></div></div></footer><div class="next-and-prev-link" data-v-8ad25866><div class="container" data-v-8ad25866><div class="prev" data-v-8ad25866><a class="link" href="/es-ES/component/table" data-v-8ad25866><i class="el-icon mr-1" style="" data-v-8ad25866><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1024 1024" data-v-8ad25866><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i><span class="text" data-v-8ad25866>Table</span></a></div><div class="next" data-v-8ad25866><a class="link" href="/es-ES/component/tag" data-v-8ad25866><span class="text" data-v-8ad25866>Tag</span><i class="el-icon ml-1" style="" data-v-8ad25866><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1024 1024" data-v-8ad25866><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></a></div></div></div></div><aside class="toc-wrapper" data-v-6f13b908><nav class="toc-content" data-v-6f13b908><h3 class="toc-content__heading" data-v-6f13b908>Contents</h3><!----><p class="text-14px font-300 color-$text-color-secondary" data-v-6f13b908>Patrocinado por</p><div class="join sponsors-button mt-4 w-100%" data-v-6f13b908><!--[--><a href="mailto:element-plus@outlook.com" target="_blank" class="el-tooltip__trigger"><button ariadisabled="false" type="button" class="el-button" style="overflow:hidden;"><!--v-if--><span class=""><!--[-->¡Conviértete en un patrocinador!<!--]--></span></button></a><!--teleport start--><!--teleport end--><!--]--></div><div class="m-t-16px" data-v-6f13b908><!--[--><a href="http://github.crmeb.net/u/Element?from=element-plus" title="CRMEB - 高品质开源商城系统 累计服务40W+开发者" target="_blank"><div class="flex bg-#F9F9F9 h-64px rd-4px justify-center items-center"><div class="h-36px"><img class="rd-4px h-full" src="/images/sponsors/CRMEB-l.png" alt="CRMEB"></div></div></a><!--]--></div><div class="m-t-16px flex flex-wrap justify-between" data-v-6f13b908><!--[--><!--[--><a href="https://wonderful-code.gitee.io/?from=element-plus" title="BuildAdmin - Vue3企业级开源后台管理系统" target="_blank"><div class="flex m-b-2px bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><img src="/images/sponsors/buildadmin-l.png" alt="BuildAdmin"></div></a><!--]--><!--[--><a href="https://bit.dev/?from=element-ui" title="bit - Share Code" target="_blank"><div class="flex m-b-2px bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><img src="/images/bit-l.png" alt="bit"></div></a><!--]--><!--[--><div class="flex bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><div class="color-#ddd text-13px cursor-default">Your logo</div></div><!--]--><!--]--></div><div class="m-t-16px" data-v-6f13b908><!--[--><!--]--></div></nav></aside></div><footer class="footer"><div class="footer-main"><h4>Links</h4><a href="https://github.com/element-plus/element-plus" class="footer-main-link" target="_blank">GitHub</a><a href="https://element-plus.gitee.io/zh-CN/" class="footer-main-link" target="_blank">China Mirror 🇨🇳</a><a href="https://github.com/element-plus/element-plus/releases" class="footer-main-link" target="_blank">Changelog</a><a href="https://element.eleme.io/" class="footer-main-link" target="_blank">Element UI para Vue 2</a></div><div class="footer-main"><h4>Comunidad</h4><a href="https://discord.com/invite/gXK9XNzW3X" class="footer-main-link" target="_blank">Discord</a><a href="https://github.com/element-plus/element-plus/issues" class="footer-main-link" target="_blank">Feedback</a><a href="https://github.com/element-plus/element-plus/blob/dev/.github/CONTRIBUTING.en-US.md" class="footer-main-link" target="_blank">Contribuciones</a><a href="https://segmentfault.com/t/element-plus" class="footer-main-link" target="_blank">SegmentFault</a></div></footer></main><!----></div></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"en-us_component_affix.md\":\"acee7e0b\",\"en-us_component_alert.md\":\"e92a6951\",\"en-us_component_anchor.md\":\"a57f95da\",\"en-us_component_autocomplete.md\":\"2b2614ea\",\"en-us_component_avatar.md\":\"3bdaf7ff\",\"en-us_component_backtop.md\":\"273dc7a7\",\"en-us_component_badge.md\":\"a929effb\",\"en-us_component_border.md\":\"d45112bb\",\"en-us_component_breadcrumb.md\":\"d46cf9fc\",\"en-us_component_button.md\":\"3d2042b9\",\"en-us_component_calendar.md\":\"59fa9e61\",\"en-us_component_card.md\":\"15a4655d\",\"en-us_component_carousel.md\":\"f5d3ec5b\",\"en-us_component_cascader.md\":\"4ced34da\",\"en-us_component_checkbox.md\":\"198021ce\",\"en-us_component_collapse.md\":\"f95d1a40\",\"en-us_component_color-picker.md\":\"a794bd5a\",\"en-us_component_color.md\":\"4c4eb027\",\"en-us_component_config-provider.md\":\"2ef685dc\",\"en-us_component_container.md\":\"1f704192\",\"en-us_component_date-picker.md\":\"d00f2414\",\"en-us_component_datetime-picker.md\":\"651100d3\",\"en-us_component_descriptions.md\":\"ac9aa476\",\"en-us_component_dialog.md\":\"2e525a95\",\"en-us_component_divider.md\":\"12070318\",\"en-us_component_drawer.md\":\"83280e0c\",\"en-us_component_dropdown.md\":\"394a592f\",\"en-us_component_empty.md\":\"85d2fa8f\",\"en-us_component_form.md\":\"d4b63784\",\"en-us_component_icon.md\":\"9d73325c\",\"en-us_component_image.md\":\"3addde97\",\"en-us_component_infinite-scroll.md\":\"18d4a55e\",\"en-us_component_input-number.md\":\"71f5cb12\",\"en-us_component_input.md\":\"b6455935\",\"en-us_component_layout.md\":\"0442ed9b\",\"en-us_component_link.md\":\"1d5cd8a7\",\"en-us_component_loading.md\":\"0681c46d\",\"en-us_component_menu.md\":\"acc605fe\",\"en-us_component_message-box.md\":\"bc6d19d9\",\"en-us_component_message.md\":\"63ab4ea2\",\"en-us_component_notification.md\":\"020b2c5b\",\"en-us_component_overview.md\":\"5948eda5\",\"en-us_component_page-header.md\":\"674ff150\",\"en-us_component_pagination.md\":\"3c4fab68\",\"en-us_component_popconfirm.md\":\"bbe2f6b7\",\"en-us_component_popover.md\":\"d0c7fc0e\",\"en-us_component_progress.md\":\"62beb63c\",\"en-us_component_radio.md\":\"0091874f\",\"en-us_component_rate.md\":\"886bb428\",\"en-us_component_result.md\":\"c3e133e3\",\"en-us_component_scrollbar.md\":\"261bbf07\",\"en-us_component_select-v2.md\":\"51bdb94a\",\"en-us_component_select.md\":\"479ce5e5\",\"en-us_component_skeleton.md\":\"31d5a157\",\"en-us_component_slider.md\":\"0e0d5d1a\",\"en-us_component_space.md\":\"1d342ca4\",\"en-us_component_statistic.md\":\"92758332\",\"en-us_component_steps.md\":\"a332d210\",\"en-us_component_switch.md\":\"924cb3d2\",\"en-us_component_table-v2.md\":\"0f0a4668\",\"en-us_component_table.md\":\"72366b0a\",\"en-us_component_tabs.md\":\"1901335f\",\"en-us_component_tag.md\":\"a469f78e\",\"en-us_component_text.md\":\"efc90793\",\"en-us_component_time-picker.md\":\"470bd217\",\"en-us_component_time-select.md\":\"ce1a5f88\",\"en-us_component_timeline.md\":\"f24117b5\",\"en-us_component_tooltip-v2.md\":\"fe28ae3f\",\"en-us_component_tooltip.md\":\"dc332ab1\",\"en-us_component_tour.md\":\"a5b83c26\",\"en-us_component_transfer.md\":\"b8a912f7\",\"en-us_component_tree-select.md\":\"4913bf22\",\"en-us_component_tree-v2.md\":\"f0de416a\",\"en-us_component_tree.md\":\"84ad0f22\",\"en-us_component_typography.md\":\"f4cabd80\",\"en-us_component_upload.md\":\"3817527e\",\"en-us_component_watermark.md\":\"eb981101\",\"en-us_guide_changelog.md\":\"e3766a58\",\"en-us_guide_commit-examples.md\":\"1e8c0721\",\"en-us_guide_dark-mode.md\":\"f89c04c1\",\"en-us_guide_design.md\":\"4a4ed0f1\",\"en-us_guide_dev-faq.md\":\"3b63bf28\",\"en-us_guide_dev-guide.md\":\"51f25551\",\"en-us_guide_i18n.md\":\"31626858\",\"en-us_guide_installation.md\":\"889c6fcb\",\"en-us_guide_migration.md\":\"6c35f3bd\",\"en-us_guide_namespace.md\":\"b075545f\",\"en-us_guide_nav.md\":\"245a44d7\",\"en-us_guide_quickstart.md\":\"0d3b852b\",\"en-us_guide_ssr.md\":\"90e1211d\",\"en-us_guide_theming.md\":\"618787d7\",\"en-us_guide_transitions.md\":\"b0d52e56\",\"en-us_guide_translation.md\":\"1b9fc4d2\",\"en-us_index.md\":\"be7af142\",\"en-us_resource_index.md\":\"d278e49c\",\"es-es_component_affix.md\":\"e6aaec0f\",\"es-es_component_alert.md\":\"2e76f3ed\",\"es-es_component_anchor.md\":\"6c4d396f\",\"es-es_component_autocomplete.md\":\"cf14107d\",\"es-es_component_avatar.md\":\"0e2d3cda\",\"es-es_component_backtop.md\":\"52122c1f\",\"es-es_component_badge.md\":\"39d7aa83\",\"es-es_component_border.md\":\"50a83147\",\"es-es_component_breadcrumb.md\":\"9d34241d\",\"es-es_component_button.md\":\"4878e65f\",\"es-es_component_calendar.md\":\"03e50711\",\"es-es_component_card.md\":\"3b5cd71b\",\"es-es_component_carousel.md\":\"42675971\",\"es-es_component_cascader.md\":\"123aa389\",\"es-es_component_checkbox.md\":\"7146badf\",\"es-es_component_collapse.md\":\"9d61a33d\",\"es-es_component_color-picker.md\":\"4377a9f4\",\"es-es_component_color.md\":\"353b6f22\",\"es-es_component_config-provider.md\":\"d552a21f\",\"es-es_component_container.md\":\"fd1e0800\",\"es-es_component_date-picker.md\":\"d2d6990e\",\"es-es_component_datetime-picker.md\":\"d551552c\",\"es-es_component_descriptions.md\":\"c0a73e96\",\"es-es_component_dialog.md\":\"37ee3f41\",\"es-es_component_divider.md\":\"05c3abcb\",\"es-es_component_drawer.md\":\"7dbacfe5\",\"es-es_component_dropdown.md\":\"554cd7de\",\"es-es_component_empty.md\":\"b05b5246\",\"es-es_component_form.md\":\"669f6c4d\",\"es-es_component_icon.md\":\"6437c431\",\"es-es_component_image.md\":\"7f05c953\",\"es-es_component_infinite-scroll.md\":\"2533d8a0\",\"es-es_component_input-number.md\":\"6a0b1a9f\",\"es-es_component_input.md\":\"ea806457\",\"es-es_component_layout.md\":\"07f387b8\",\"es-es_component_link.md\":\"6a9b2d10\",\"es-es_component_loading.md\":\"27f432e2\",\"es-es_component_menu.md\":\"55e375e2\",\"es-es_component_message-box.md\":\"03b813fb\",\"es-es_component_message.md\":\"f60e0cb0\",\"es-es_component_notification.md\":\"29f85e28\",\"es-es_component_overview.md\":\"bf5b8c01\",\"es-es_component_page-header.md\":\"45e3a80a\",\"es-es_component_pagination.md\":\"f8450c9a\",\"es-es_component_popconfirm.md\":\"5408d6b5\",\"es-es_component_popover.md\":\"b7f58d07\",\"es-es_component_progress.md\":\"31c3d022\",\"es-es_component_radio.md\":\"b7fc9826\",\"es-es_component_rate.md\":\"f19d6c23\",\"es-es_component_result.md\":\"e3b0db3d\",\"es-es_component_scrollbar.md\":\"1b3cbb28\",\"es-es_component_select-v2.md\":\"5ab2d5d0\",\"es-es_component_select.md\":\"6542e444\",\"es-es_component_skeleton.md\":\"eb7abccc\",\"es-es_component_slider.md\":\"66d892c3\",\"es-es_component_space.md\":\"ef9f18e9\",\"es-es_component_statistic.md\":\"91102c93\",\"es-es_component_steps.md\":\"91ac1f61\",\"es-es_component_switch.md\":\"9cd96b89\",\"es-es_component_table-v2.md\":\"41f7289a\",\"es-es_component_table.md\":\"77ed3034\",\"es-es_component_tabs.md\":\"4b6dee38\",\"es-es_component_tag.md\":\"b139cd5a\",\"es-es_component_text.md\":\"4450b53e\",\"es-es_component_time-picker.md\":\"e8e720c6\",\"es-es_component_time-select.md\":\"1fb27c89\",\"es-es_component_timeline.md\":\"41fc3c62\",\"es-es_component_tooltip-v2.md\":\"c0e4825d\",\"es-es_component_tooltip.md\":\"62cd3b16\",\"es-es_component_tour.md\":\"9adad015\",\"es-es_component_transfer.md\":\"6d6de60f\",\"es-es_component_tree-select.md\":\"10b11852\",\"es-es_component_tree-v2.md\":\"0e1f69cc\",\"es-es_component_tree.md\":\"1425cbce\",\"es-es_component_typography.md\":\"dd085cd7\",\"es-es_component_upload.md\":\"a4381483\",\"es-es_component_watermark.md\":\"cd84a01f\",\"es-es_guide_changelog.md\":\"7ae08737\",\"es-es_guide_commit-examples.md\":\"d59cb474\",\"es-es_guide_dark-mode.md\":\"6a25fa9b\",\"es-es_guide_design.md\":\"410cbff8\",\"es-es_guide_dev-faq.md\":\"13e60f24\",\"es-es_guide_dev-guide.md\":\"fbd8ce4b\",\"es-es_guide_i18n.md\":\"20892fd1\",\"es-es_guide_installation.md\":\"49f59680\",\"es-es_guide_migration.md\":\"a77fdc25\",\"es-es_guide_namespace.md\":\"6103a6b2\",\"es-es_guide_nav.md\":\"3128328f\",\"es-es_guide_quickstart.md\":\"686bb040\",\"es-es_guide_ssr.md\":\"ebab1e0b\",\"es-es_guide_theming.md\":\"f2543f3b\",\"es-es_guide_transitions.md\":\"3c103483\",\"es-es_guide_translation.md\":\"f4936c92\",\"es-es_index.md\":\"4da68860\",\"es-es_resource_index.md\":\"c6e122b8\",\"index.md\":\"f3b5a532\",\"zh-cn_component_affix.md\":\"b8415d57\",\"zh-cn_component_alert.md\":\"768e78aa\",\"zh-cn_component_anchor.md\":\"02e2e22d\",\"zh-cn_component_autocomplete.md\":\"f02bbde6\",\"zh-cn_component_avatar.md\":\"a843abb3\",\"zh-cn_component_backtop.md\":\"c716bd58\",\"zh-cn_component_badge.md\":\"89de1443\",\"zh-cn_component_border.md\":\"88b0cb0e\",\"zh-cn_component_breadcrumb.md\":\"5702832b\",\"zh-cn_component_button.md\":\"02d7ad71\",\"zh-cn_component_calendar.md\":\"3065e88b\",\"zh-cn_component_card.md\":\"fee0a0df\",\"zh-cn_component_carousel.md\":\"b6b8c32f\",\"zh-cn_component_cascader.md\":\"6d3dddcb\",\"zh-cn_component_checkbox.md\":\"8097b8f6\",\"zh-cn_component_collapse.md\":\"e5007c75\",\"zh-cn_component_color-picker.md\":\"0f2cf5fb\",\"zh-cn_component_color.md\":\"188b3535\",\"zh-cn_component_config-provider.md\":\"cb1be055\",\"zh-cn_component_container.md\":\"58676696\",\"zh-cn_component_date-picker.md\":\"9b373e2a\",\"zh-cn_component_datetime-picker.md\":\"6755c0ed\",\"zh-cn_component_descriptions.md\":\"cd188a7f\",\"zh-cn_component_dialog.md\":\"e7187163\",\"zh-cn_component_divider.md\":\"3d6d9bd6\",\"zh-cn_component_drawer.md\":\"ea547c4c\",\"zh-cn_component_dropdown.md\":\"c58678bf\",\"zh-cn_component_empty.md\":\"82dc4933\",\"zh-cn_component_form.md\":\"6c0401e5\",\"zh-cn_component_icon.md\":\"d73aedfb\",\"zh-cn_component_image.md\":\"173e5d34\",\"zh-cn_component_infinite-scroll.md\":\"26591ee4\",\"zh-cn_component_input-number.md\":\"55d98dbd\",\"zh-cn_component_input.md\":\"8b583fdd\",\"zh-cn_component_layout.md\":\"6263190f\",\"zh-cn_component_link.md\":\"1c1f284b\",\"zh-cn_component_loading.md\":\"fb7a379d\",\"zh-cn_component_menu.md\":\"c17b3c97\",\"zh-cn_component_message-box.md\":\"0631351e\",\"zh-cn_component_message.md\":\"ffd7d1a8\",\"zh-cn_component_notification.md\":\"205f3142\",\"zh-cn_component_overview.md\":\"d03554a4\",\"zh-cn_component_page-header.md\":\"f96b9174\",\"zh-cn_component_pagination.md\":\"477cf36c\",\"zh-cn_component_popconfirm.md\":\"1f60b376\",\"zh-cn_component_popover.md\":\"8883e995\",\"zh-cn_component_progress.md\":\"3e71b890\",\"zh-cn_component_radio.md\":\"b949d21e\",\"zh-cn_component_rate.md\":\"a7857e3d\",\"zh-cn_component_result.md\":\"bec7ea4c\",\"zh-cn_component_scrollbar.md\":\"a5f0f33f\",\"zh-cn_component_select-v2.md\":\"4fcc11f5\",\"zh-cn_component_select.md\":\"fc1385fc\",\"zh-cn_component_skeleton.md\":\"50d4dd48\",\"zh-cn_component_slider.md\":\"441d87c6\",\"zh-cn_component_space.md\":\"039a36ad\",\"zh-cn_component_statistic.md\":\"67f3e344\",\"zh-cn_component_steps.md\":\"089bce16\",\"zh-cn_component_switch.md\":\"377a667e\",\"zh-cn_component_table-v2.md\":\"36efdc83\",\"zh-cn_component_table.md\":\"b0cd0112\",\"zh-cn_component_tabs.md\":\"972670f6\",\"zh-cn_component_tag.md\":\"fbb3a12d\",\"zh-cn_component_text.md\":\"56535d96\",\"zh-cn_component_time-picker.md\":\"139e5243\",\"zh-cn_component_time-select.md\":\"9102b3de\",\"zh-cn_component_timeline.md\":\"e544eb24\",\"zh-cn_component_tooltip-v2.md\":\"71194582\",\"zh-cn_component_tooltip.md\":\"1adbe822\",\"zh-cn_component_tour.md\":\"c797e39e\",\"zh-cn_component_transfer.md\":\"be0c94df\",\"zh-cn_component_tree-select.md\":\"e9b8aa46\",\"zh-cn_component_tree-v2.md\":\"d5aea033\",\"zh-cn_component_tree.md\":\"314b86f8\",\"zh-cn_component_typography.md\":\"8c2ca1ee\",\"zh-cn_component_upload.md\":\"ad55b754\",\"zh-cn_component_watermark.md\":\"ec22a663\",\"zh-cn_guide_changelog.md\":\"78de26ec\",\"zh-cn_guide_commit-examples.md\":\"e17f4dec\",\"zh-cn_guide_dark-mode.md\":\"d39348fc\",\"zh-cn_guide_design.md\":\"8653d749\",\"zh-cn_guide_dev-faq.md\":\"895d05aa\",\"zh-cn_guide_dev-guide.md\":\"84ea45b2\",\"zh-cn_guide_i18n.md\":\"8ef7ca8a\",\"zh-cn_guide_installation.md\":\"c96ca4b6\",\"zh-cn_guide_migration.md\":\"68ac7292\",\"zh-cn_guide_namespace.md\":\"d2bf3ead\",\"zh-cn_guide_nav.md\":\"22bb487e\",\"zh-cn_guide_quickstart.md\":\"07b9baa0\",\"zh-cn_guide_ssr.md\":\"202218c1\",\"zh-cn_guide_theming.md\":\"111b839b\",\"zh-cn_guide_transitions.md\":\"29836fa9\",\"zh-cn_guide_translation.md\":\"236e9288\",\"zh-cn_index.md\":\"76fa44b1\",\"zh-cn_resource_index.md\":\"678acab8\"}")</script>
    <script type="module" async src="/assets/app.b7670340.js"></script>
    
  </body>
</html>